@charset "utf-8";
/* CSS Document */

/*body{*/
/*padding:0px!important;*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
}

.alignright {
    float: right;
    margin: 3px 0 0px 10px;
    width: auto;
}

.alignleft {
    float: left;
    margin: 0px 20px 0px 0px;
    width: auto;
}

.vspace {
    margin: 10px 0px;
}

a {
    outline: none !important;
}

.strip {
    display: block;
    width: 50px;
    height: 3px;
}

.page {
    padding-top: 100px !important;
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

/* header */
/*header{*/
/*position:fixed;*/
/*z-index:3000;*/
/*background-image:url(images/header_bg.png);*/
/*background-repeat:repeat-x;*/
/*width:100%;*/
/*height:57px;*/
/*top:0px;*/
/*}*/

/* Home */
#home {
    min-height: 100px;
    background-image: url(/images/firstBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 30px 0px;
    text-align: center;
}

.logo {
    margin-top: 20px;
}

h1.responsive_text {
    color: #fff;
    margin: 30px 0px;
    font-size: 100px;
    line-height: 150px;
    background-image: url(/images/intro_line.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

#home h1 span {
    color: #29AAE3;
}

#home h3 {
    color: #fff !important;
}

ul.social_media {
    list-style: none;
    margin-top: 60px;
}

ul.social_media li {
    display: inline;
    margin: 0px 5px;
}

/* Services */
#services {
    min-height: 100px;
    background-image: url(/images/about_pattern.png);
    background-repeat: repeat;
    padding: 60px 0px;
}

#services p {
    color: #777;
}

#services h2 {
    background-image: url("/images/content_bg.png");
    color: #FFFFFF !important;
    display: table;
    float: inherit;
    margin: 0 auto;
    text-align: center !important;
    border-radius: 0.8em;
    margin-bottom: 30px;
}

#services .sub_header h3 {
    color: #949494 !important;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 20px 0px;
}

.services {
    margin: 5px 0;
}
.services a:hover .serv_icon {
    background-color: #666666 !important;
}

.serv_icon {
    background-image: url("/images/content_bg.png");
    transition: background 1s ease 0s;
    display: block;
    padding: 30px 0px;
    /*border-radius:5px 5px 0px 0px;*/
    border-radius: 1em 1em 0 0;
    text-align: center;
}

/* content */
.content {
    display: block;
    padding: 30px;
    border-radius: 0px 0px 5px 5px;
    background-color: #fff;
}

#services .content {
    min-height: 200px;
}

#about .content {
    height: 260px;
    margin: 5px 0;
}

#portfolio .content {
    height: 140px;
}

.content h4 {
    color: #393939;
    font-weight: 300;
    font-size: 25px;
}

.content p {
    color: #AEAEAE;
}

.content ul {
    list-style: none;
    padding-top: 5px;
}

.content ul li {
    padding: 0px 0px 10px 5px;
    color: #AEAEAE;
}

/* About */
#about {
    background-image: url(/images/content_bg.png);
    background-repeat: repeat;
    min-height: 100px;
    padding: 60px 0px;
}

#about .sub_header h2 {
    background-color: #EBF3FA;
    color: #A6C8FF !important;
    border-radius: 0.8em;
}

#about .sub_header h3 {
    /*color:#393939 !important;*/
    border-bottom: 1px solid #EBF3FA;
    border-top: 1px solid #EBF3FA;
    padding: 20px 0px;
}

#about .span4 img {
    border-radius: 5px 5px 0px 0px;
}

.about-content {
    padding: 20px;
    background: #ffffff;
    margin-bottom: 20px;
    border-radius: 8px;
}

.about-content p {
    font: 400 18px/1.62 "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
    color: #444443;
}

.progress {
    background-color: #F1F1F1 !important;
    background-image: linear-gradient(to bottom, #F1F1F1, #FFFFFF) !important;
}

.progress-striped .bar {
    background-color: #507891 !important;
}

.bar span {
    float: right;
    display: block;
    text-align: right;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: none !important;
    font-weight: bold;
}

/* Portfolio */
#portfolio {
    background-image: url(/images/about_pattern.png);
    background-repeat: repeat;
    min-height: 100px;
    padding: 60px 0px;
}

#portfolio p {
    color: #aeaeae;
}

#portfolio .col-md-4 {
    padding-bottom: 30px;
}

#portfolio h2 {
    background-image: url("/images/content_bg.png");
    color: #FFFFFF !important;
    display: table;
    float: inherit;
    margin: 0 auto;
    text-align: center !important;
    margin-bottom: 30px;
    border-radius: 0.8em;
}

#portfolio .sub_header h3 {
    color: #CCCCCC !important;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 20px 0px;
}

/* Sub Header */

.sub_header h2 {
    font-size: 70px;
    margin-bottom: 30px !important;
    display: table;
    float: inherit;
    margin: 0 auto;
    padding: 20px;
    text-align: center !important;
}

.sub_header h2, .sub_header h3 {
    text-align: center !important;
}

.sub_header h3 {
    margin: 0 auto 30px;
    max-width: 80% !important;
    padding: 20px 0px;
}

/*background color */
#services h2,
.serv_icon,
.strip,
#about,
#portfolio h2,
#options li a.selected,
a.zoom,
#contact-form p input#submit {
    background-color: #428bca !important;
}

/*color */
#home h1 span,
#about .sub_header h2,
#response {
    color: #428bca !important;
}

/*@media screen and (min-width: 992px) {*/
    /*.container {*/
        /*width: 768px;*/
    /*}*/
/*}*/
/*@media (min-width: 1200px) {*/
    /*.container {*/
        /*width: 992px;*/
    /*}*/
/*}*/
